<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Robo School</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
    <div class="container">
        <div class="header-menu">
            <div class="logo">ROBO.SCHOOL</div>
            <nav>
                <ul class="header-nav">
                    <li class="item"><a href="#">О школе</a></li>
                    <li class="item"><a href="#">Тренеры</a></li>
                    <li class="item"><a href="#">Стоимость</a></li>
                </ul>
            </nav>
            <div class="header-phone">
                <a href="tel:+78000001122">
                    +7 800 000 11 22
                </a></div>
        </div>
        <div class="header-hero">
            <div class="header-left">
                <h1>ROBO SCHOOL</h1>
                <p>Курсы повышения квалификации по робототехнике для педагогов начальной школы</p>
                <button class="btn">Записаться на курс</button>
            </div>
            <div class="header-right">
                <img src="img/hero.png" alt="ROBO SCHOOL">
            </div>
        </div>
    </div>
</header>

<section class="features">
    <div class="container">
        <p class="featured-desc"><b>Robo School</b> – учреждение для формирования кадрового педагогического резерва в
            сфере робототехники и
            программирования</p>
        <div class="features-items">
            <div class="features-item">
                <div class="number">10</div>
                <p>УМК по различным направлениям по робототехнике</p>
            </div>
            <div class="features-item">
                <div class="number">20</div>
                <p>Школ, в которых запущена робототехника</p>
            </div>
            <div class="features-item">
                <div class="number">100</div>
                <p>Педагогов прошедших курсы повышения квалификации</p>
            </div>
            <div class="features-item">
                <div class="number">10 000</div>
                <p>Обученных детей на базе собственных центров</p>
            </div>
        </div>
    </div>
</section>

<section class="after">
    <div class="container">
        <h2>Что вы получите после курса</h2>
        <div class="after-items">
            <div class="after-item">
                <h3>Удостоверение</h3>
                <p>Дающее право преподавать робототехнику для детей 6-12 лет в образовательных учреждениях</p>
            </div>
            <div class="after-item">
                <h3>Знания</h3>
                <p>По основам разработки учебно-методических комплексов
                    по робототехнике и программированию</p>
            </div>
            <div class="after-item">
                <div class="after-items-important"><h3>Практику</h3>
                    <div>
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z"
                                  fill="#141024" fill-opacity="0.08"/>
                            <path d="M11.5488 7.8695C10.9552 7.8695 10.6584 7.5895 10.6584 7.0295C10.6584 6.4807 10.9552 6.2063 11.5488 6.2063C12.1424 6.2063 12.4392 6.4807 12.4392 7.0295C12.4392 7.5895 12.1424 7.8695 11.5488 7.8695ZM11.5488 18.0839C11.1008 18.0839 10.8768 17.8375 10.8768 17.3447V10.4735C10.8768 9.9919 11.1008 9.7511 11.5488 9.7511C12.008 9.7511 12.2376 9.9919 12.2376 10.4735V17.3447C12.2376 17.8375 12.008 18.0839 11.5488 18.0839Z"
                                  fill="#141024"/>
                        </svg>
                    </div>
                </div>
                <p>Возможность пройти практику по преподаванию робототехники на базе R:ED LAB (в оффлайн или онлайн
                    формате)</p>
                <div class="badge">
                    <span>При наличии свободных мест</span>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="couch">
    <div class="container">
        <h2>Профессиональные тренеры</h2>
        <div class="couch-items">
            <div class="couch-item">
                <img src="img/1.jpg">
                <h3>Ирина Лайм</h3>
                <p>преподаватель по робототехнике</p>
                <a href="#">Подробнее</a>
            </div>
            <div class="couch-item">
                <img src="img/4.jpg">
                <h3>Марина Орлова</h3>
                <p>преподаватель по робототехнике</p>
                <a href="#">Подробнее</a>
            </div>
            <div class="couch-item">
                <img src="img/2.jpg">
                <h3>Максим Петров</h3>
                <p>преподаватель по программированию</p>
                <a href="#">Подробнее</a>
            </div>
        </div>
    </div>
</section>

<section class="money">
    <div class="container">
        <h2>Выберите нужный пакет</h2>
        <div class="money-items">
            <div class="money-item-active">
                <div class="money-title">- PRO -</div>
                <div class="money-price">20.000 ₽</div>
                <p>УМК по робототетхнике и программированию</p>
                <button class="btn">Оставить заявку</button>
            </div>
            <div class="money-item">
                <div class="money-title">– ROBO –</div>
                <div class="money-price">15.000 ₽</div>
                <p>УМК по робототетхнике</p>
                <button class="btn">Оставить заявку</button>
            </div>
            <div class="money-item">
                <div class="money-title">– PROG –</div>
                <div class="money-price">10.000 ₽</div>
                <p>УМК по робототетхнике</p>
                <button class="btn">Оставить заявку</button>
            </div>
        </div>
    </div>
</section>
<section class="form">
    <div class="container">
        <div class="form-row">
            <div class="offer">
                <div class="offer-title">
                    Запишитесь на курс со скидкой 10%
                </div>
                <p>Акция действительна до 10 марта 2022 года</p>
            </div>
            <div class="form-action">
                <form>
                    <p><input type="text" placeholder="Имя"></p>
                    <p><input type="tel" placeholder="Телефон"></p>
                    <p><input type="email" placeholder="Почта"></p>
                    <button>Оформить заявку</button>
                </form>
            </div>
        </div>

    </div>

</section>
<footer>
    <div class="container">
        <div class="footer-row">
            <div class="footer-left">
                <div class="logo">ROBO.SCHOOL</div>
                <p>© ROBO.SCHOOL</p>
            </div>
            <div class="footer-right">
                <p>+7 800 000 11 22</p>
            </div>
        </div>
    </div>
</footer>
</body>
</html>